<template>
  <div>
    <!-- 标题 -->
    <div class="header">
      <div class="header-box">
        <div class="header-l">
          <van-icon name="arrow-left" />
          <span @click="backTo">返回</span>
        </div>

        <h2 class="header-m" >品牌制造商</h2>
        <div></div>
      </div>
    </div>
    <!-- 图片说明 -->
    <div class="header-b" v-if="list.data">
      <img class="img" :src="list.data.app_list_pic_url" alt="">
      <div class="txt">
        {{ list.data.name }}
      </div>
    </div>
    <div class="m-txt" v-if="list.data">
      {{ list.data.simple_desc }}
    </div>

    <!-- 商品展示 -->
    <div class="footer-goods" v-if="list.goodsList">
      <ul class="newGoodList">
          <li
            class="newGoodList-item"
            v-for="el in list.goodsList"
            :key="el.id"
            @click="toGoodsDetail(el.id)"
          >
            <img class="img" :src="el.list_pic_url" alt="" />
            <div class="goods-txt">
              <span class="txt-t">{{ el.name }}</span>
              <span class="txt-b">{{ el.retail_price }}</span>
            </div>
          </li>
          <li></li>
        </ul>
    </div>
  </div>
</template>

<script>
import { detailaction } from "@/api/home";
export default {
  name: "",
  data() {
    return {
      id:'',
      list:{}
    };
  },
async  created(){
   this.id=this.$route.query.id
   let a=await detailaction({id:this.id})
   console.log(a);
   this.list=a

  },
  mounted() {},
  methods: {
    toGoodsDetail(){

    },
    backTo(){
      this.$router.back()
    }
  },
};
</script>

<style lang="scss" scoped>
@import "./scss/index.scss";
</style>